${TITLE}するUserScript
${TITLE}するUserScript
This is Template Page.
hr.icon
実装
code:template.js
export const template = (title) => {
return `${title}
hr.icon
<<ここにUserScriptの説明を書く>>
TODO
o 自分のページに追加する
---ここから---
${title}
code:script.js
import "/api/code/${scrapbox.Project.name}/${title}/script.js"
---ここまで---
o アイコンを変更する(デフォルトはバッテンの画像になっています)
o 中身を実装する
o TODOの完了したものは消す（←これも含め）
hr.icon
実装
code:script.js
const hogeFunction = () => {
alert("hoge");
};
const MENU_TITLE = "${title}";
const MENU_ICON_URL = "https://i.gyazo.com/c3bc5b1f0f6e9a1513e49bd82022f5b0.png";
scrapbox.PageMenu.addMenu({
title: MENU_TITLE,
image: MENU_ICON_URL,
onClick: () => {
scrapbox.PageMenu(MENU_TITLE).removeAllItems();
scrapbox.PageMenu(MENU_TITLE).addItem({
title: 'hoge',
onClick: () => hogeFunction
});
scrapbox.PageMenu(MENU_TITLE).addItem({
title: 'hoge',
onClick: () => {
alert("hoge")
}
});
scrapbox.PageMenu(MENU_TITLE).addSeparator();
scrapbox.PageMenu(MENU_TITLE).addItem({
title: 'Setting',
onClick: () => location.href = '${title}'
});
}
});
hr.icon
based on \${TITLE}するUserScript
https://gyazo.com/c3bc5b1f0f6e9a1513e49bd82022f5b0
`;
}
https://gyazo.com/c3bc5b1f0f6e9a1513e49bd82022f5b0
hr.icon
based on テンプレートを使ってページを生成するUserScript